﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true" CodeBehind="frm_Perfil.aspx.cs" Inherits="ED_Nivelacion.PresentacionWeb.Perfil" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
       <form id="Form1" runat="server">
                                        <div id="wrapper">

                <!-- begin PAGE TITLE ROW -->
                <div class="row">
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->
                <!-- end PAGE TITLE ROW -->

                <div class="row">
                    <div class="col-lg-12">

                        <div class="portlet portlet-default">
                            <div class="portlet-body">
                                <ul id="userTab" class="nav nav-tabs">
                                    <li class="active"><a href="#overview" data-toggle="tab">Perfil</a>
                                    </li>
                                    <li>&nbsp;</li>
                                </ul>
                                <div id="userTabContent" class="tab-content">
                                    <div class="tab-pane fade in active" id="overview">

                                        <div class="row">
                                            <div class="col-lg-2 col-md-3">
                                                <a href="#">
                                                    &nbsp;</a>
                                                </div>
                                            <div class="col-lg-7 col-md-5">
                                                <h1><%=Session["Nombre"].ToString()+" "+Session["Apellido"].ToString() %></h1>
                                            </div>
                                            <div class="col-lg-3 col-md-4">
                                                <h3>Contact Details</h3>
                                                <p><i class="fa fa-globe fa-muted fa-fw"></i>  <a href="#">http://www.website.com</a>
                                                </p>
                                                <p><i class="fa fa-phone fa-muted fa-fw"></i><%=Session["Cedula"].ToString() %></p>
                                                <p><i class="fa fa-building-o fa-muted fa-fw"></i> </p>
                                              
                                                <ul class="list-inline">
                                                    <li><a class="facebook-link" href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
                                                    </li>
                                                    <li><a class="twitter-link" href="#"><i class="fa fa-twitter-square fa-2x"></i></a>
                                                    </li>
                                                    <li><a class="linkedin-link" href="#"><i class="fa fa-linkedin-square fa-2x"></i></a>
                                                    </li>
                                                    <li><a class="google-plus-link" href="#"><i class="fa fa-google-plus-square fa-2x"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="tab-pane fade" id="profile-settings">

                                        <div class="row">
                                            <div class="col-sm-3">
                                                <ul id="userSettings" class="nav nav-pills nav-stacked">
                                                    <li class="active"><a href="#basicInformation" data-toggle="tab"><i class="fa fa-user fa-fw"></i> Información Básica</a>
                                                    </li>
                                                    <li><a href="#profilePicture" data-toggle="tab"><i class="fa fa-picture-o fa-fw"></i> Foto de Perfil</a>
                                                    </li>
                                                    <li><a href="#changePassword" data-toggle="tab"><i class="fa fa-lock fa-fw"></i> Cambiar Contraseña</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-9">
                                                <div id="userSettingsContent" class="tab-content">
                                                    <div class="tab-pane fade in active" id="basicInformation">
                                                        <form role="form">
                                                            <h4 class="page-header">Información Personal:</h4>
                                                            <div class="form-group">
                                                                <label>Nombre:</label>&nbsp;
                                                                <asp:TextBox ID="Nombre_Perfil" runat="server" Width="700px"></asp:TextBox>
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Apellido:</label>
                                                                <asp:TextBox ID="Apellido_Perfil" runat="server" Width="701px"></asp:TextBox>
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Telefono:</label>
                                                                <asp:TextBox ID="Telefono_Perfil" runat="server" Width="700px"></asp:TextBox>
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Correo:</label>
                                                                <asp:TextBox ID="Correo_Perfil" runat="server" Width="711px"></asp:TextBox>
                                                            </div>
                                                            <div class="form-inline">
                                                                <div class="form-group">
                                                                    <label>Fecha de Nacimiento:</label>
                                                                    <asp:TextBox ID="Nacimiento_Perfil" runat="server" Type="date"></asp:TextBox>
                                                                </div>
                                                            </div>
                                                            <h4 class="page-header">Información de Perfil:</h4>
                                                            <div class="form-group">
                                                                <label><i class="fa fa-info fa-fw"></i>Acerca de:</label>
                                                                <textarea class="form-control" rows="3">Acerca de Ud.</textarea>
                                                            </div>
                                                            <button id="Btn_Actualizar_Perfil" type="submit" class="btn btn-default">Actualizar Perfil</button>
                                                            <button id="Btn_Cancelar_Perfil" class="btn btn-white">Cancelar</button>
                                                        </form>
                                                    </div>
                                                    <div class="tab-pane fade" id="profilePicture">
                                                        <h3>Imagen Actual:</h3>
                                                        <img class="img-responsive img-profile" src="img/profile-full.jpg" alt="">
                                                        <br>
                                                        <div class="form-group">
                                                                <label>Elija una nueva imagen</label><br/>
                                                                 <button id="Btn_Seleccionar_Foto">Seleccionar archivo</button><br/>
                                                                <button id="Btn_Actualizar_Foto" type="submit" class="btn btn-default">Actualizar Imagen de Perfil</button>
                                                                <button id="Btn_Cancelar_Foto" class="btn btn-white">Cancelar</button>
                                                            </div>
                                                    </div>
                                                    <div class="tab-pane fade in" id="changePassword">
                                                        <h3>Cambiar Contraseña:</h3>
                                                        
                                                            <div class="form-group">
                                                                <label>Contraseña Antigua:</label>
                                                                <asp:TextBox ID="Contraseña_Antigua" type="password" runat="server" Width="711px"></asp:TextBox>
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Nueva Contraseña:</label>
                                                                <asp:TextBox ID="Contraseña_Nueva" type="password" runat="server" Width="711px"></asp:TextBox>
                                                            </div>
                                                            <div class="form-group">
                                                                <label>Repetir la Nueva Contraseña:</label>
                                                                <asp:TextBox ID="Contraseña_Nueva1" type="password" runat="server" Width="711px"></asp:TextBox>
                                                            </div>
                                                            <button id="Btn_Actualizar_Contraseña" type="submit" class="btn btn-default">Actualizar Contraseña</button>
                                                            <button id="Btn_Cancelar_Contraseña" class="btn btn-white">Cancelar</button>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <!-- /.portlet-body -->
                        </div>
                        <!-- /.portlet -->


                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->

            </div>
            <!-- /.page-content -->

        </div>
        <!-- /#page-wrapper -->
        <!-- end MAIN PAGE CONTENT -->

    </div>
    <!-- /#wrapper -->

    <!-- GLOBAL SCRIPTS -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/popupoverlay/jquery.popupoverlay.js"></script>
    <script src="js/plugins/popupoverlay/defaults.js"></script>
    <!-- Logout Notification Box -->
    <div id="logout">
        <div class="logout-message">
            <img class="img-circle img-logout" src="img/profile-pic.jpg" alt="">
            <h3>
                <i class="fa fa-sign-out text-green"></i> Ready to go?
            </h3>
            <p>Select "Logout" below if you are ready<br> to end your current session.</p>
            <ul class="list-inline">
                <li>
                    <a href="login.html" class="btn btn-green">
                        <strong>Logout</strong>
                    </a>
                </li>
                <li>
                    <button class="logout_close btn btn-green">Cancel</button>
                </li>
            </ul>
        </div>
    </div>
    <!-- /#logout -->
    <!-- Logout Notification jQuery -->
    <script src="js/plugins/popupoverlay/logout.js"></script>
    <!-- HISRC Retina Images -->
    <script src="js/plugins/hisrc/hisrc.js"></script>

    <!-- PAGE LEVEL PLUGIN SCRIPTS -->

    <!-- THEME SCRIPTS -->
    <script src="js/flex.js"></script>

              </form>                 
</asp:Content>
